<template>
        <el-container>
            <el-header>
                <!-- 网站的图标 -->
                <div class="logo">
                    <img src="../../assets/imgs/avater.png" alt="">
                    <h1>科泰新冠物资管理系统</h1>
                </div>
                <!-- 网站的退出，首页 -->
                <div class="tools">
                <el-dropdown trigger="click" @command="handleCommand">
                            <span class="el-dropdown-link">
                            <img src="../../assets/imgs/avater.png" alt="" />
                             </span>
                <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item icon="el-icon-setting" command="setting">设置</el-dropdown-item>
                    <el-dropdown-item icon="el-icon-s-home" command="home">首页</el-dropdown-item>
                    <el-dropdown-item icon="el-icon-switch-button" command="logout">退出</el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
                   
                </div>
            </el-header>
        <el-container>
            <el-aside width="200px"></el-aside>
            <el-main>Main</el-main>
        </el-container>
        </el-container>
</template>

<script>
    export default {
        data() {
            return {
                key: value
            }
        },
        methods: {
           handleCommand(command) {
                if (command === "logout") {
                this.$router.push("/");
      }
    },
        },
    }
</script>

<style lang="less" scoped>
    .el-container{
        height: 100% ;
    }
    .el-header{
        display: flex;
        justify-content: space-between;
        align-items:center;
        background-color: #272c33;

    .logo,.tools{
        height: 100%;
      
        img{
            width: 60px;
            height: 60px;
            border-radius: 50px;
            margin-right: 20px;
        }
    }
    h1{
            font-size: 26px;
            color: white;
    }
  }
  
  .el-aside {
    background-color: #272c33;
  }
  
  .el-main {
    background-color: #eaedf1;
  }
</style>